/**
 * long description for the file
 *
 * @summary 所有使用的 icon 小图标合集
 * @author xuesheng zhang
 *
 * Created at     : 2018-08-08 17:05:25 
 * Last modified  : 2018-08-17 10:58:19
 */
.wy_icon{
    display: inline-block;
}

@mixin header_mixin{
    width: 40px;
    height: 40px;
    vertical-align: -12px;
    margin-right: 8px;
}

.wy_header_help{
    @include header_mixin;
    background: url('./images/header_help.png') 100% 100%;
}

.wy_header_call{
    @include header_mixin;
    background: url('./images/header_call.png') 100% 100%;
}

.wy_header_user{
    @include header_mixin;
    background: url('./images/header_user.png') 100% 100%;
}

.wy_header_home{
    @include header_mixin;
    background: url('./images/header_home.png') 100% 100%;
}

@mixin homebox {
    width: 20px;
    height: 20px;
    margin:0 4px;
    background-size:100%; 
}

.wy_homebox_housing{
    @include homebox;
    background-image: url('./images/plot_details/homebox_housing.png');
}

.wy_homebox_housuser{
    @include homebox;
    background-image: url('./images/plot_details/homebox_hous_user.png');
}

.wy_homebox_setting{
    @include homebox;
    background-image: url('./images/plot_details/homebox_setting.png');
}

@mixin commdetail{
    vertical-align: middle;
    width: 46px;
    height: 46px;
    background-position: center;
    background-repeat: no-repeat;
}

.wy_commdetail_building{
    @include commdetail;
    background-image: url("./images/plot_details/homebox_housing.png");
}

.wy_commdetail_house{
    @include commdetail;
    background-image: url("./images/plot_details/home.png");
}

.wy_commdetail_hous_user{
    @include commdetail;
    background-image: url("./images/plot_details/homebox_hous_user.png");
}

.wy_commdetail_Pspace{
    @include commdetail;
    background-image: url("./images/plot_details/homebox_Pspace.png");
}

.wy_commdetail_cars{
    @include commdetail;
    background-image: url("./images/plot_details/homebox_cars.png");
}

.wy_commdetail_employees{
    @include commdetail;
    background-image: url("./images/plot_details/homebox_employees.png");
}


@mixin personal {
    vertical-align: middle;
    width: 28px;
    height: 28px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100%;
}


.wy_personal_housing{
    @include personal;
    background-image: url("./images/plot_details/homebox_housing.png");
}

.wy_personal_msg{
    @include personal;
    background-image: url("./images/personal/msg.png");
}

@mixin pers {
    width: 46px;
    height: 46px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100%;
}

.wy_personal_phone{
    @include pers;
    background-image: url("./images/personal/phone.png");
}

.wy_personal_email{
    @include pers;
    background-image: url("./images/personal/msg.png");
}

.wy_personal_pass{
    @include pers;
    background-image: url("./images/personal/pass.png");
}

.wy_personal_enterprise{
    @include pers;
    background-image: url("./images/personal/enterprise.png");
}

.wy_personal_order{
    @include pers;
    background-image: url("./images/personal/order.png");
}

.wy_personal_bill{
    @include pers;
    background-image: url("./images/personal/bill.png");
}

.wy_personal_longon{
    @include pers;
    background-image: url("./images/personal/longon.png");
}
